<%@page pageEncoding="UTF-8" isELIgnored="false"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="f" uri="http://www.slim3.org/functions"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%@ taglib prefix="m" uri="http://taglibs.mobylet.org/" %>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=<m:charset/>" />
<title>なかまちず for mixi 地図設定変更</title>
<c:import url="/jsp/pc/keyword.jsp"/>
<link rel="stylesheet" type="text/css" href="/css/mixi.css" />
<style type="text/css">
  html { overflow: auto; }
  html, body, td, th { font-family: Arial, sans-serif; margin: 0px; padding: 0px; font-size: 10pt; color: #333333; }
  .text { font-family: Arial, sans-serif; margin: 0px; padding: 0px 10px; height: 100%; font-size: 10pt; color: #333333; }
  img { border: 0px; }
  form { margin: 0; padding: 0; font-family: Arial, sans-serif; font-size: 10pt; }
  input, textarea { margin: 3px 0 0 0; padding: 0; font-family: Arial, sans-serif; font-size: 10pt; }
  #side_bar { position: absolute; top: 6px; left: 620px; border: 1px solid #666; padding: 5px; line-height: 1.8; overflow:auto; background: url(/icon/white70per.png); width: 150px; height: 462px; }
  #header { background-color: #ffffff; position:absolute; top: 6px; left: 10px; z-index: 99; width: 592px; padding: 2px 4px; overflow: hidden; }
  div.errors { color: red; font-weight: bold; position: absolute; top: 35px; left: 15px; border: 1px solid #666; padding: 0px 5px; overflow:auto; background: url(/icon/white70per.png); width: 300px; height: 60px; }
  #body { background-color: #ffffff; font-size: 10pt; border: 1px solid #666; width: 763px; padding: 2px 4px; margin: 10px; }
  #help { background-color: #ffffff; font-size: 10pt; width: 759px; padding: 2px 4px; border: 3px solid #99b3cc; margin: 10px; }
  #copy { font-size: 8pt; position: absolute; top: 490px; left: 650px; }
  #footer { font-size: 8pt; position: absolute; top: 950px; left: 10px; }
  #qrcode { margin: 10px; padding: 0px; }
</style>

</head>
<body>

<c:if test="${!empty errors}">
<p style="font-weight: bold; margin: 10px;">いくつかのエラーが発生しました。下記メッセージを確認してください。</p>
<ul style="color: red; font-weight: bold;">
<c:forEach var="e" items="${f:errors()}">
 <li>${f:h(e)}</li>
</c:forEach>
</ul>
</c:if>

<c:if test="${empty ret}">
<p class="indent"><a href="http://mixi.jp/run_appli.pl?id=19310" target="_top">トップページへ戻る</a></p>
</c:if>
<c:if test="${ret}">
<p class="indent"><a href="${f:h(ret)}">地図へ戻る</a></p>
</c:if>

<div id="body">
<h1>地図設定変更画面</h1>
<br/>

<p>
地図作者は地図の設定を変更できます。<br/>
地図編集画面の地図の下に、下図のようなパネルがあります。<br/>
</p>
<img src="/images/mixi/panel.jpg"/>
<p>
この、地図設定変更をクリックすると地図の設定変更画面へ遷移します。<br/>
設定内容を変更後に「変更する」ボタンを押すことで変更が反映されます。<br/>
</p>
<img src="/images/mixi/config00.jpg"/>

<p>
<h2>地図タイトル</h2>
地図のタイトルです。パソコンで見た画面の地図の上部分と、携帯で見た画面の一番上に表示されます。
</p>

<p>
<h2>有効期限</h2>
地図の有効期限です。この時間を過ぎると地図が削除されます。
</p>

<p>
<h2>閲覧パスワード</h2>
地図を見るためにパスワードの入力を促す場合はここに任意のパスワードを入力します。<br/>
入力すると、地図を見る人は全員地図を見る前にパスワードの入力が必要になります。<br/>
パスワードが一致しないと地図が見れなくなります。<br/>
地図に設定されたパスワードを削除するには、入力を削除して「変更する」ボタンを押してください。<br/>
</p>

<p>
<h2>ライン表示形式</h2>
パソコンで見た場合の、軌跡の表示形式を変更します。<br/>
軌跡は、携帯電話で位置情報を送信した場合にオプションで「ラインを引く」を選ぶと表示されるようになる地図上の直線です。<br/>
初期設定では、前回の位置から今回の位置まで最短距離で結ばれます。<br/>
ルート（車）に変更すると、道路に沿った線になります。<br/>
ルート（徒歩）に変更すると、電車など交通機関を使った線になります。<br/>
ルート（車）とルート（徒歩）に関しては、位置によってうまく表示できない場合があります。<br/>
</p>

<p>
<h2>公開設定</h2>
公開設定は、mixiアプリから地図へのアクセスURLを見れるようにするかの設定です。<br/>
全公開にしていても、閲覧パスワードが設定されていると、パスワードが一致しない限り見ることはできません。<br/>
<b>全公開</b>は、mixiの友達じゃない人にも地図を公開します。<br/>
<b>友達まで公開（外部からは許可）</b>は、初期設定でこれになっています。<br/>
mixiアプリ上では友達にのみ地図のアクセスURLが見れるようになります。<br/>
地図のアクセスURLがわかれば、携帯電話でも、mixiにログインしていない人でも誰でも地図を見ることができます。<br/>
<b>友達まで公開（外部からも拒否）</b>は、mixiアプリ上では友達まで地図のアクセスURLが公開されます。<br/>
たとえ、アクセスURLが友達以外に知られても見られることはありません。<br/>
ただし、mixiアプリ上からしか地図は見れなくなりますので、携帯電話などからも見れなくなります。<br/>
</p>

</div>

<c:if test="${empty ret}">
<p class="indent"><a href="http://mixi.jp/run_appli.pl?id=19310" target="_top">トップページへ戻る</a></p>
</c:if>
<c:if test="${ret}">
<p class="indent"><a href="${f:h(ret)}">地図へ戻る</a></p>
</c:if>




</body>
</html>